import styled from '@/styled-px2vw'

export const NextBtn = styled.div`
  width: 287px;
  height: 49px;
  background-color:${({ disabled }) => !disabled ? '#fed904' : '#e0dede'};
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 29px;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: ${({ disabled }) => !disabled ? '#000000' : '#fff'};
  cursor: pointer;
`

export const InputCode = styled.input`
  width: 287px;
  height: 51px;
  background-color: #ffffff;
  border-radius: 25px;
  border: 0;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #000;
  padding:20px;
  box-sizing: border-box;
  margin-top: 40px;
  outline: none;
`